<script setup lang="ts">
import { ref } from 'vue';
import { useRouter } from 'vue-router';
const router=useRouter()
const onClickLeft=()=>{
  router.push('/gdys')
}
// export default {
//   setup() {
    const activeId = ref(1);
    const activeIndex = ref(0);
   
import { areaList } from '@vant/area-data'
const show = ref(false)
const qu = () => {
   router.push('/gdys')
}
const que = (event) => {
  const sheng = event.selectedOptions[0].text
  const shi = event.selectedOptions[1].text
  router.push({path:'/gdys',query:{sheng,shi}})
}
</script>

<template>
   <div>
     <van-nav-bar title="问专家" left-arrow  @click-left="onClickLeft">
    <template #right>
      <van-icon name="weapp-nav" size="18" />
    </template>
  </van-nav-bar>
  <van-area class="cityt"
          option-height="100%"
          :columns-num="2"
          :area-list="areaList"
          @confirm="que"
          @cancel="qu"
        />
   </div>
</template>
 <style>
.cityt{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
</style>